<!-- 提醒 -->
<template>
<div v-popover:popover class="notice-wp">
  <i class="el-icon-bell"></i>
  <el-popover
    ref="popover"
    popper-class="notice-popper"
    placement="bottom-end"
    width="300"
    trigger="click">
    <div class="tab-box">
      <div class="btn-list">
        <div class="item">通知</div>
        <div class="item">系统消息</div>
      </div>
      <div class="content-list">
        <div class="item">1</div>
        <div class="item">2</div>
      </div>
    </div>
  </el-popover>
</div>
</template>
<script>
export default {
  data () {
    return {
      notice: {
        active: ''
      }
    }
  },
  mounted () {

  },
  methods: {

  }
}
</script>
<style lang="scss" scoped>
.notice-wp {
  i {
    width: 20px;
  }
  
}
</style>
<style lang="scss">
.notice-popper {
  .el-tabs__item {
    width: 130px;
    text-align: center;
  }
}
</style>
